/* 通用 */
.banxin {
    width: 1200px;
    margin: 0 auto;
    line-height: 1;
}
.text-center {
    text-align: center;
}
a {
    color: #333333;
    text-decoration: none;
}
a:hover {
    color: #FF4D4F;
    text-decoration: none;
}
.mtop-16px {
    margin-top: 16px;
}
.fsize-16px {
    font-size: 16px;
}
.color-FF4D4F {
    color: #FF4D4F;
}
.clearfix:after,
.clearfix:before {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both
}
.left {
    width: 860px;
}
.right {
    width: 300px;
}
.one-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 首页大标题样式通用 */
.all-title {
    border-bottom: 4px solid #E5E5E5;
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 16px;
}
.all-title span {
    position: relative;
    border-bottom: 4px solid #ff4d4f;
    padding-bottom: 11px;

}
.all-title span:before {
    content: "";
    background-color: #fff;
    width: 6px;
    height: 4px;
    position: absolute;
    right: -6px;
    bottom: -4px;
}
/* 分页通用 */
.page {
    display: block;
    text-align: center;
    margin: 24px 0 32px;
    height: 50px;
    width: 100%;
}
.page a {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #F7F7F7;
    color: #999;
}
.page a:hover {
    border-radius: 4px;
    color: #ff4d4f;
}
/* 单独 */
.fullimg {
    width: 100%;
    height: 100%;
}


.icon-cars  {
    display: inline-block;
    background: url(../images/cars.png);
    width: 60px;
    height: 28px;
}
.car1 {
    background-position: -6px -11px;
}
.car1:hover {
    background-position: -72px -11px;
}
.car2 {
    background-position: -6px -59px;
}
.car2:hover {
    background-position: -72px -59px;
}
.car3 {
    background-position: -6px -107px;
}
.car3:hover {
    background-position: -72px -107px;
}
.car4 {
    background-position: -6px -157px;
}
.car4:hover {
    background-position: -72px -157px;
}
.car5 {
    background-position: -6px -207px;
}
.car5:hover {
    background-position: -72px -207px;
}
.car6 {
    background-position: -6px -256px;
}
.car6:hover {
    background-position: -72px -256px;
}
.car7 {
    background-position: -6px -305px;
}
.car7:hover {
    background-position: -72px -305px;
}
.car8 {
    width: 61px;
    background-position: -6px -356px;
}
.car8:hover {
    background-position: -72px -356px;
}
.car9 {
    background-position: -6px -406px;
}
.car9:hover {
    background-position: -72px -406px;
}
.car10 {
    width: 62px;
    background-position: -5px -454px;
}
.car10:hover {
    background-position: -71px -454px;
}


/* 不同大小车型 */
.top-choose .hot-cars {
    width: 860px;
}
.top-choose .hot-cars .kinds-cars {
    border-top: 1px solid #ddd;
    margin-top: 12px;
    padding: 16px 0 0 16px;
}
.top-choose .hot-cars .kinds-cars a {
    margin-right: 25px;
    float: left;
    display: inline-block;
    width: 60px;
}

.top-choose .hot-cars .kinds-cars a p {
    font-size: 13px;
    margin-top: 10px;
}
/* 不同价格车型 */
.hot-recommend .title {
    padding-left: 23px;
    margin-top: 24px;
    border-bottom: 1px solid #ddd;
}
.hot-recommend .title a {
    margin-right: 20px;
    display: inline-block;
    height: 26px;
    font-size: 16px;
}
.hot-recommend .title .active1 {
    position: relative;
}
.hot-recommend .title .active1:after {
    content: '';
    width: 100%;
    height: 2px;
    border-bottom: 2px solid #FF4D4F;
    visibility: visible;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.hot-recommend .content ul li {
    display: none;
    border-top: 1px solid #ddd;
}
.hot-recommend .content ul li:frist-child {
    display: block;
}
.content ul {
    height: 135px;
}
.content ul li div {
    float: left;
    width: 12.5%;
    padding: 16px 10px;
    font-size: 13px;
    color: #333333;
    text-align: center;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;

}
.content ul li div a {
    display: inline-block;
}
.content ul li div .cars-name {
    margin-bottom: 7px;
    width: 100%;
}
.content ul li div span  {
    display: block;
}
.content ul li div span a {
    color: #9f9f9f;
    font-size: 12px;
}
.content ul li div span a:first-child {
    margin-right: 11px;
}
.content ul li div span a:hover {
    color: #ff4d4f;
}

/* 百车大数据 */
.top-choose .baiche-data {
    width: 300px;
    margin-top: 12px;
}
.baiche-data-title {
    width: 100%;
    border-bottom: 4px solid #e5e5e5;
    font-size: 20px;
    padding-bottom: 10px;
}
.baiche-data-title span {
    position: relative;
}
.baiche-data-title span:after {
    content: '';
    width: 100%;
    height: 4px;
    border-bottom: 4px solid #ff4d4f;
    visibility: visible;
    position: absolute;
    bottom: -11px;
    left: 0;
}
.baiche-data-lunbo {
    padding-top: 16px;
}

.baiche-data-lunbo ul li {
    width: 100%;
    font-size: 14px;
}
.baiche-data-lunbo ul li .p:before {
    content: "";
    width: 4px;
    height: 4px;
    display: inline-block;
    border-radius: 50%;
    background: #007aff;
    vertical-align: middle;
    margin: 0 7px 0 8px;
}
.baiche-data-lunbo ul li .p {
    height: 40px;
    line-height: 40px;
    background-color: #f7f7f7;
}
.baiche-data-lunbo ul li div {
    display: none;
    padding: 20px;
}
.baiche-data-lunbo ul li div>span {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.baiche-data-lunbo ul li div p {
    padding: 1px 0;
}
.baiche-data-lunbo ul li div p span {
    display: block;
}
.baiche-data-lunbo ul li div p span:first-child {
    font-size: 18px;
    color: #ff4d4f;
    margin-bottom: 9px;
}

/* 轮播 */
.lunbo {
    margin-top: 24px;
    position: relative;
}
.banner-left {
    width: 860px;
    height: 528px;
    float: left;
}
.banner-right {
    width: 300px;
}
.box {
    width: 860px;
    height: 528px;
}

.scrollimg2 {
    overflow: hidden;
    width: 860px;
    height: 528px;
}

.scrollimg2_bigimg {
    display: none;
    overflow: hidden;
    width: 860px;
}

.scrollimg2_bigimg img {
    width: 860px;
    height: 462px;
}

.scrollimg2_bigimg div {
    position: relative;
    width: 860px;
    height: 462px;
}
.scrollimg2_bigimg div a {
    display: block;
}
.scrollimg2_txt {
    display: block;
    height: 56px;
    line-height: 56px;
    position: absolute;
    top: 406px;
    width: 860px;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    background:linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .7) 100%);
}
.scrollimg2_tigger {
    background: #181818;
    overflow: hidden;
    top: 462px;
    height: 66px
}

.scrollimg2_tigger ul {
    width: 100%;
    height: 100%;
    padding: 9px 28px;
    box-sizing: border-box;
}

.scrollimg2_tigger li {
    display: inline;
    float: left;
    margin-left: 24px;
    width: 94px;
    height: 48px;
    border: 2px solid #181818;
    box-sizing: border-box;
}
.scrollimg2_tigger li:first-child{
    margin-left: 0;
}
.scrollimg2_tigger a {
    height: 100%;
    width: 100%;
    display: block;
}

.scrollimg2_tigger img {
    width: 100%;
    height: 100%;
}

.scrollimg2_txt:hover {
    color: #fff;
}
.scrollimg2_tigger li.biankuang{
    border: 2px solid #007aff;
    position: relative;
}

.biankuang:before{
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border-top: 10px solid rgba(0,0,0,0);
    border-right: 10px solid rgba(0,0,0,0);
    border-bottom: 10px solid #007aff;
    border-left: 10px solid rgba(0,0,0,0);
    left: 50%;
    top: -20px;
    margin-left: -8px;
}
#SwitchBigPic {
    height: 462px;
    overflow: hidden;
}
/* 主轮播右边内容 */
.banner-right-title {
    width: 100%;
    border-bottom: 4px solid #E5E5E5;
    padding: 0 0 8px;
    font-size: 20px;
}
.banner-right-title span:first-child {
    position: relative;
}
.banner-right-title span:first-child:after {
    content: '';
    width: 100%;
    height: 4px;
    border-bottom: 4px solid #FF4D4F;
    visibility: visible;
    position: absolute;
    bottom: -9px;
    left: 0;
}
.banner-right-title span+span a {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
.banner-right-title span+span svg {
    margin-left: 4px;
    margin-bottom: 3px;
}
.title-img {
    display: inline-block;
    width: 100%;
    height: 185px;
    overflow: hidden;
    margin-top: 16px;
}
.banner-right-content div p {
    margin-top: 16px;
}
.banner-right-content div p:hover {
    text-decoration: underline;
}
.banner-right-content div ul li {
    margin-top: 12px;
    width: 142px;
    font-size: 14px;
    float: left;
}
.banner-right-content div+div p {
    margin-top: 24px;
}


/* 百车头条 */
.headline {
    padding-top: 32px;
}
.headline .headline-left>h2 {
    font-size: 30px;
    position: relative;
    padding-bottom: 20px;
    font-weight: 600;
}
.headline .headline-left>h2:after {
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e1e1e1;
    visibility: visible;
    position: absolute;
    bottom: 0;
    left: 0;
}
.headline .headline-left .headline-one-left {
    display: inline-block;
    width: 330px;
    height: 204px;
    margin-right: 16px;
    overflow: hidden;
}
.headline .headline-left .headline-one-right {
    width: 514px;
    overflow: hidden;
}
.headline .headline-left .headline-one-right a:hover {
    text-decoration: underline;
}
.headline .headline-left .headline-one-right>h3 {
    margin: 4px 0 20px;
    text-align: center;
}
.headline .headline-left .headline-one-right>h3 a{
    font-size: 20px;
}
.headline .headline-left .headline-one-right li {
    margin-top: 18px;
    font-size: 16px;
    display: flex;
}
.headline .headline-left .headline-one-right li a {
    padding: 0 8px;
    height: 16px;
    line-height: 16px;
    position: relative;
    display: inline-block;
    width: 48%;
    text-align: center;
    overflow: hidden;
}
.headline .headline-left .headline-one-right li a:first-child {
    padding-left: 0;
}
.headline .headline-left .headline-one-right li a+a {
    padding-right: 0;
}
.headline .headline-left .headline-one-right li a.padding-left {
    padding-left: 0;
}
.headline .headline-left .headline-one-right li a:after {
    content: '';
    width: 1px;
    height: 100%;
    border-right: 1px solid #ccc;
    visibility: visible;
    position: absolute;
    right: 0;
    top: 0;
}
.headline .headline-left .headline-one-right li a.qufenx:after {
    width: 0;
    height: 0;
}
.headline-two {
    margin-top: 24px;
}
/* 轮播--百车头条右边板块--限时特惠 */

#carousel-1 {
    height: 340px;
    border: solid 1px #ff4d4f;
    box-sizing: border-box;
    position: relative;
}
#carousel-1 .swiper-wrapper {
    height: 100%;
}
#carousel-1 .swiper-slide>p {
    width: 100%;
	height: 48px;
	background-color: #ff4d4f;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
#carousel-1 .swiper-slide a {
    display: block;
    height: 292px;
    padding: 0 12px 0;
    box-sizing: border-box;
}
#carousel-1 .swiper-slide a>img {
    width: 100%;
	height: 169px;
}
#carousel-1 .swiper-slide a p {
    width: 100%;
    text-align: center;
}
#carousel-1 .swiper-slide a p span {
    display: block;
}
#carousel-1 .swiper-slide a p .sales-name {
    font-size: 20px;
}
#carousel-1 .swiper-slide a p .sales-msg {
    margin: 14px 0 40px;
    font-size: 14px;
    color: #999999;
}
#carousel-1 .swiper-pagination {
    bottom: 26px;
    position: absolute;
    z-index: 9;
    width: 100%;
    text-align: center;
}
#carousel-1 .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
	height: 10px;
	background-color: #cccccc;
    margin: 0 6px;
    border-radius: 50%;
}
#carousel-1 .swiper-active-switch {
	background-color: #ff4d4f;
}
/* 车型对比 */
.headline-right .compare .car-market-right-title {
    padding: 30px 0 8px;
}
.compare .car-market-right-title span:after {
    bottom: -9px;
}
.compare-box {
    padding-top: 16px;
    box-sizing: border-box;
    text-align: center;
}
.compare-box a {
    display: block;
}
.compare-box img {
    width: 120px;
	height: 72px;
}
.compare-box p {
    font-size: 14px;
    margin-top: 8px;
}
.compare-box .compare-box-center img {
    width: 34px;
	height: 16px;
    margin: 32px 0 0 12px;
}

/* 武汉-车市 */
.car-market {
    height: 552px;
    overflow: hidden;
}
.car-market-left-content {
    padding-top: 16px;
}
.car-market-left-content>ul li {
    height: 60px;
    width: 152px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    border-top: 1px solid #E5E5E5;
    background-color: #f8f8f8;
}
.car-market-left-content>ul li:first-child {
    border-top: none;
}
.car-market-left-content>ul li.active {
    background-color: #FF4D4F;
    color: #fff;

}
.car-market-left-content div {
    width: 674px;
}
.car-market-left-content div ul {
    display: none;
    width: 100%;
}
.car-market-left-content div ul:first-child {
    display: block;
}
.car-market-left-content div ul li {
    width: 138px;
    margin: 0 38px 50px 0;
}
.car-market-left-content div ul .img {
    display: inline-block;
    width: 100%;
    height: 80px;
}
.car-market-left-content div ul .msg {
    text-align: center;
    width: 100%;
}
.car-market-left-content div ul .msg p:first-child {
    margin: 18px 0 12px;
    font-size: 16px;
    font-weight: 600;
}
.car-market-left-content div ul .msg p+p {
    font-size: 14px;
    margin-bottom: 12px;
}
.car-market-left-content div ul .msg p+p+p a {
    color: #009922;
    position: relative;
    padding-left: 12px;
}
.car-market-left-content div ul .msg svg {
    vertical-align: middle;
    position: absolute;
    left: -12px;
    bottom: 3px;
}
.car-market-left-content div ul .msg button {
    width: 100%;
    height: 32px;
    border: 1px solid #FF4D4F;
    border-radius: 4px;
    background-color: #fff;
    font-size: 13px;
}
.car-market-right-title {
    padding-top: 16px;
    border-bottom: 4px solid #E5E5E5;
    padding-bottom: 8px;
}
.car-market-right-title span {
    position: relative;
    font-size: 20px;
}

.car-market-right-title span:after {
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 4px solid #ff4d4f;
    visibility: visible;
    position: absolute;
    bottom: -8px;
    left: 0;
}

.car-market-right .car-market-list a {
    display: block;
    width: 300px;
    margin-bottom: 22px;
}
.car-market-right .car-market-list a:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #d7d7d7;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 9px;
}


/* 资讯 */
.information {
    padding-top: 32px;
}

.information-content {
    width: 100%;
    margin-bottom: 24px;
}
.information-content:first-child {
    padding-top: 16px;
}
.information-content-img {
    display: inline-block;
    width: 220px;
    height: 136px;
    overflow: hidden;
}
.information-content-msg {
    width: 620px;
}
.information-content-msg h4 {
    font-size: 20px;
    font-weight: 400;
    margin: 8px 0 18px;
}
.information-content-msg>p {
    font-weight: 400;
    color: #666666;
    word-break:break-all;    /* 单词打断，可以让显示美观一些 */
	line-height: 23px;    /* 单行文本高度 */
	position: relative;
    height: 46px;
	overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.information-content-msg div {
    width: 100%;
    padding-top: 24px;
    font-size: 14px;
    color: #999;
    height: 18px;
    line-height: 18px;
}
.information-content-msg div p:first-child {
    color: #FF4D4F;
}
.information-content-msg div p:first-child span {
    padding-right: 30px;
    position: relative;
}
.information-content-msg div p:first-child span:after {
    content: '';
    width: 1px;
    height: 80%;
    border-right: 1px solid #ccc;
    visibility: visible;
    position: absolute;
    right: 15px;
    bottom: 2px;
}
.information-content-msg div p:first-child span:last-child:after {
    width: 0;
    height: 0;
}
.information-content-msg div p+p span {
    position: relative;
    padding-left: 20px;
}
.information-content-msg div p+p span svg {
    vertical-align: middle;
    position: absolute;
    left: 0px;
    bottom: 2px;
    /* display: inline-block; */

}
.information-content-msg div p+p span:first-child {
    margin-right: 32px;
}

/* 全国资讯 */
.all-msg .all-msg-title {
    width: 100%;
    border-bottom: 4px solid #E5E5E5;
    padding: 20px 0 8px;
    font-size: 20px;
}
.all-msg .all-msg-title span {
    position: relative;
}
.all-msg .all-msg-title span:after {
    content: '';
    width: 100%;
    height: 4px;
    border-bottom: 4px solid #FF4D4F;
    visibility: visible;
    position: absolute;
    bottom: -9px;
    left: 0;
}
.all-msg .all-msg-content .div .img {
    display: inline-block;
    width: 124px;
    height: 76px;
    overflow: hidden;
}
.all-msg .all-msg-content .div .msg {
    width: 166px;
}
.all-msg .all-msg-content .div .msg a {
    word-break:break-all;    /* 单词打断，可以让显示美观一些 */
	line-height: 20px;    /* 单行文本高度 */
	position: relative;
    height: 44px;
	overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.all-msg .all-msg-content .div .msg p {
    font-size: 13px;
    color: #999;
    margin-top: 14px;
}
.all-msg .all-msg-content .div .msg p span+span {
    padding-left: 19px;
    position: relative;
}
.all-msg .all-msg-content .div .msg p span+span svg {
    vertical-align: middle;
    position: absolute;
    left: 0;
}
/* 精选资讯视频 */
.good-video .good-video-title {
    width: 100%;
    border-bottom: 4px solid #E5E5E5;
    padding: 32px 0 8px;
    font-size: 20px;
    margin-bottom: 16px;
}
.good-video .good-video-title span {
    position: relative;
}
.good-video .good-video-title span:after {
    content: '';
    width: 100%;
    height: 4px;
    border-bottom: 4px solid #FF4D4F;
    visibility: visible;
    position: absolute;
    bottom: -9px;
    left: 0;
}
.good-video-content a {
    display: block;
    position: relative;
}
.good-video-content a div {
    width: 100%;
    height: 186px;
    overflow: hidden;
}
.good-video-content a p {
    margin: 12px 0 24px;
    font-size: 14px;
}
.good-video-content a span {
    position: absolute;
    top: 136px;
    left: 12px;
}

/* 团购活动 */
.group-activity-content {
    padding-top: 16px;
}

 .activity_list {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    height: auto;
    flex-wrap: wrap;
}

 .activity_item {
    width: 381px;
    margin: 0 28px 40px 0;
    float: left;
}

 .activity_item .photo_warp {
    display: block;
    width: 100%;
    height: 212px;
    position: relative;
}

 .photo_warp .activity_photo {
    height: 100%;
    min-width: 100%;
}

.activity_name {
    display: block;
    font-size: 18px;
    color: #1e1e1e;
    line-height: 24px;
    padding: 14px 0 8px;
}
.activity_name span {
    display: inline-block;
    height: 24px;
    width: 80px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #ffc9ca;
    margin-right: 7px;
    border-radius: 4px;
}
.time-address {
    color: #999;
    font-size: 14px;
}
.time-address span {
    position: relative;
}
.time-address span svg {
    position: absolute;
    left: 0;
}
.time-address span:first-child {
    margin-right: 12px;
    padding-left: 20px;
}
.time-address span+span {
    padding-left: 17px;
}
.time-address span .icon {
    position: absolute;
    left: 0;
    top: 0;
}
.apply-people {
    margin-top: 20px;
}
.apply-people div {
    height: 32px;
    margin-right: 8px;
}
.apply-people div img {
    height: 100%;
    width: auto;
}
.apply-people .span-people {
    font-size: 14px;
    color: #999;
    line-height: 32px;
}
.apply-people .span-people i {
    font-style: normal;
    color: #FF9500;
    margin-right: 4px;
}
.apply-people .span-all {
    color: #999;
    line-height: 32px;
}
.apply-people .span-all i {
    font-style: normal;
    margin: 0 4px;
}

/* 评测 */
.evaluate-box .page {
    margin-top: 8px;
}
.evaluate-content {
    width: 200px;
    margin: 16px 0;
    margin-right: 20px;
}
.evaluate-content .img {
    display: inline-block;
    width: 100%;
    height: 124px;
    margin-bottom: 11px;
}
.evaluate-content .msg>a {
    line-height: 22px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
}
.evaluate-content .msg p {
    color: #999;
    font-size: 13px;
}
.evaluate-content .msg p span+span {
    position: relative;
    padding-left: 20px;
}
.evaluate-content .msg p svg {
    vertical-align: middle;
    position: absolute;
    left: 0;
}
.evaluate .newcars-video-content {
    width: 100%;
}
.evaluate .newcars-video-content a {
    display: inline-block;
    width: 144px;
    margin-right: 12px;

}
.evaluate .newcars-video-content a div {
    width: 100%;
    height: 86px;
}
.evaluate .newcars-video-content a p {
    margin: 9px 0 18px;
}

/* 精美车图 */
.beautiful-cars-content .cars-one {
    width: 462px;
    height: 308px;
}
.beautiful-cars-content .cars-one a {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
}
.beautiful-cars-content .cars-one a p {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    height: 48px;
    width: 100%;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .3) 100%);
    line-height: 48px;
    color: #fff;
    font-size: 18px;
}
.beautiful-cars-content .cars-two {
    width: 722px;
}
.beautiful-cars-content .cars-two a {
    display: inline-block;
    width: 230px;
    height: 146px;
    margin: 0 16px 16px 0;
    position: relative;
}
.beautiful-cars-content .cars-two a p {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    height: 30px;
    width: 100%;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .3) 100%);
    line-height: 30px;
    color: #fff;
}

/* 综合排行榜 */
.ranking {
    margin-top: 40px;
}
.ranking .ranking-title .one {
    font-weight: bold;
    font-size: 32px;
    padding-bottom: 16px;
    border-bottom: 4px solid #FF4D4F;
}
.ranking .ranking-title .two {
    width: 1034px;
    padding-bottom: 16px;
    border-bottom: 4px solid #E5E5E5;
    height: 32px;
}
.ranking-content div {
    width: 336px;
    margin-right: 96px;
}
.ranking-content div p {
    margin: 16px 0 20px;
    font-size: 20px;
    font-weight: 600;
}
.ranking-content div ol {
    padding-left: 20px;
}
.ranking-content div ol li {
    margin-bottom: 24px;
    list-style: decimal;
}
.ranking-content div ol li a {
    display: inline-block;
    width: 100%;
}


/* 底部链接 */
.link {
    margin-top: 24px;
}
.link-title {
    width: 100%;
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 18px;
    font-size: 24px;
}
.link-title span {
    width: 100%;
    cursor: pointer;
    margin-right: 40px;
}
.link-active {
    position: relative;
}
.link-active:after {
    content: '';
    width: 100%;
    height: 3px;
    border-bottom: 3px solid #FF4D4F;
    visibility: visible;
    position: absolute;
    bottom: -16px;
    left: 0;
}
.all-link {
    margin: 24px 0 40px;
}
.all-link ul li {
    float: left;
    margin-right: 30px;
    font-size: 14px;
    line-height: 24px;
}
